Created: 07/27/2017
Team:ThemeKolor
Author:Pleurat
E-mail / Support: hello@themekolor.co
We are very happy that you have chosen TeraHoster HTML5 Template to start your own web project. If you need any further assistance please contact our lovely team hello@themekolor.co
TeraHoster is a clean,unique,colorful,professional and fully responsive Web Hosting Template.It looks perfect on all major browsers, tablets and smartphones.TeraHoster is definitely a great solution for your web project.
2.2To have it easier, you should get an advanced code editor such as Brackets, Sublime or Notepad ++. We recommend to use Bracket, which you can download it here Bracket page
Open one of our pages (e.g Index.html) and search for this code:
<div class"universal-title">
<h1> What Makes Tera Hoster Awesome <h1>
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet libero sit labore. <p>
</div>
*As it can be seen,you can edit text between<H1>...<H1> and <P>...<P>
Editing header text is very easy.
Below you have his HTML code which you need to edit.You can do that by using Text Editor (in our case - bracket):
*As it can be seen,it is very easy to edit the content inside Header 1.To do that you just need to edit text between <h4>...<h4> and <li>...<li>
Default logo width is 210px (optional) but you can change it to 180px or less,to do that you need to open Megamenu-Style.css
Search for Megamenu-Style.css: (main_file/style/Megamenu-Style.css),open and and search for these classes nav.navbar .navbar-brand img.logo.
Cascading Style Sheets (CSS) are now the standard way to define the presentation of your HTML pages, from fonts and colours to the complete layout of a page.
To open Style Sheets (like Megamenu-Style.css,navigation.css,Default-Style.css,Summer-Style.css etc) you need the same code editor as in HTML.
1.General Style
1.1 Font Size and Color
1.3 Transition Effect and Duration
1.4 Buttons
1.5 Links
1.6 Hover Effect
1.7 Animations
1.8 FontAwesome Icons
2. Preload
2.1Here you can style our Page Preloader
3.Top bar
3.1 Contact info,social icons and My Account Button
4.Navbar
4.1 Mega Menu
4.2 Default List Menu with target links
5.Headers and Sliders
5.1 Page Headers (dedicaed,cloud,wordpress etc) and Home Sliders
6.Other Sections
6.1 Here you can find Pricing Tables,Features,Faq,Testimonials etc
7.Footer
CSS Styles are inside TeraHoster.zip file (TeraHoster.zip/HTML/main_file/style/):
As it can be seen,we have two Different Home Pages and all use different Style Sheets.
Index-Default.html use Default-Style.css
Index-2.html use Index2.css
If we want to style Index-Default,then we need to open his Style Sheet (default-style.css).
We are using one of the best bootstrap parallax plugin.
To know more about Parallax Effect and how to use it,please follow this official author link: http://pixelcog.github.io/parallax.js/
We have made very easy to costumize WHMCS Theme.You need to edit only two files : Header.tpl and Footer.tpl (the edit procedure is the same as html pages)
Follow these simple steps :
Inside WHMCS Theme you will see a folder called "css",open that folder and you will se a lot of CSS Files.To make changes to TeraHoster you need to open "New-Style.css" . These are the files that you need to use if you want to make custom design for WHMCS Theme.
For example if you want to change this text : WHAT MAKES TERAHOSTER AWESOME,then you have to open header.tpl
Open header.tpl and search for that text (see the example):
After the changes have been made and you have save it,finally you can install your template (if you allready have done that,you can transfer header.tpl and footer.tpl to whmcs-theme folder).
We are using one of the best bootstrap parallax plugin.
To know more about Parallax Effect and how to use it,please follow this official author link: http://pixelcog.github.io/parallax.js/
If You need further information or assisstance,please contact our lovely team : hello@themekolor.co